[Xcode] 「Unembed」メニューを使用してスタックビューを取り除く

はじめに

こんにちは。モバイルアプリサービス部の平屋です。

本記事では、サブビューを設定済みのスタックビューを、インターフェースビルダーのキャンバスから取り除く方法を紹介します。

検証環境

• Xcode Version 8.2.1

サンプルレイアウト

本記事で紹介する機能を検証するために、以下のようなレイアウトのビューを作成しました。

ビューコントローラーのビューの真ん中にスタックビューを配置し、その中にラベルを2つ入れています。

スタックビューを取り除く

「サンプルレイアウト」のスタックビューをインターフェースビルダーのキャンバスから取り除き、ラベル2つがビューコントローラーのビューのサブビューになるようにします。

[方法1] Editorメニューを使用する

取り除きたいスタックビューを選択します。

「Editor」->「Unembed」を選択します。

スタックビューが取り除かれました。

[方法2] Stackツールを使用する

取り除きたいスタックビューを選択します。

「オプション」キーを押しながら、インターフェースビルダーの右下にある「Stackツールボタン」をクリックします。

メニューが表示されるので「Unembed」を選択します。

スタックビューが取り除かれました。

さいごに

本記事では、サブビューを設定済みのスタックビューを、インターフェースビルダーのキャンバスから取り除く方法を紹介しました。

サブビューが多いスタックビューを取り除くなど場合に、本記事で紹介した方法が役に立つかもしれません。

参考資料

• Technical Q&A QA1921: Unembedding views from stack views